$(function () {
  // 点击“去注册账号”的链接
  $('#link-reg').on('click', function () {
    $('#login-box').hide()
    $('#reg-box').show()
  })

  // 点击“去登录”的链接
  $('#link-login').on('click', function () {
    $('#login-box').show()
    $('#reg-box').hide()
  })
  // console.log()
  // 正则表达式设置表单验证
  // 因为使用了layui的原因。内部带有这个正则，但是不完全，我们还是需要添加一个正则
  var form = layui.form
  form.verify({
    pwd: [/^[\S]{6,12}$/, "密码必须符合6~12位除空格以外的字符！"],
    // 定义一个关于确认密码的规则
    repwd: function (value) {
      //两个表单内容进行比较，然后判断输出。
      var inpvalue = $('#reg-box input[name= password]').val()
      if (inpvalue !== value) {
        return '两次密码不一致'
      }
    },
    username: function (value) { //value：表单的值、item：表单的DOM对象
      if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
        return '用户名不能有特殊字符';
      }
      if (/(^\_)|(\__)|(\_+$)/.test(value)) {
        return '用户名首尾不能出现下划线\'_\'';
      }
      if (/^\d+\d+\d$/.test(value)) {
        return '用户名不能全为数字';
      }
    }
  });
  //监控提交行为,利用ajax提交表单数据
// var msg = layer.msg('')
// console.log(msg)
  $('#user_reg_form').submit(function (e) {
    e.preventDefault()
    // 发起一个post数据上传
    // 获取到数据
    let userdata = {
      username: $('#user_reg_form input[name=username]').val(),
      password: $('#user_reg_form input[name= password]').val()
    }
    $.post("/api/reguser", userdata,
      function (res) {
        console.log(res);
        if (res.status != 0){
          return layer.msg('注册失败，或者用户名被占用')
        }
        layer.msg('注册成功！')
        $('#link-login').click();
      },
    );
  });
  // 登陆行为的请求
  $('#user_login_form').submit(function(e){
    // 不清理默认行为，会导致表单自动刷新，页面整体刷新
    e.preventDefault()
    $.ajax({
      type: "POST",
      url: "/api/login",
      data: $(this).serialize(),
      success: function (res) {
        if(res.status){
          return layer.msg('登陆失败，用户未注册！');
        }
        // 登陆成功
        // 提示登陆成功信息
        layer.msg('登陆成功！');
        // 这里会自动生成一个token表示身份登陆成功，然后用和这个token来进行所有内部页面的访问权限。
        // 所以我们需要将这个token储存起来，方便后面进入内部页面的使用。
        localStorage.setItem('token',res.token);
        // 登陆成功后跳转到首页
        location.href = './index.html';
        
      }
    });

  })






})